<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米主页作业</title>
    <link rel="stylesheet" href="INDEX.css.css">
</head>
<body>
    <!-------------------             导航           ------------------->
    <div class="daohang">
        <ul>
            <li><a href="">小米商城</a>|</li>
        
            <li><a href="">MIUI</a>|</li>
          
            <li><a href="">IOT</a>|</li>
            
            <li><a href="">云服务</a>|</li>
           
            <li><a href="">天星数科</a>|</li>
            
            <li><a href="">有品</a>|</li>
           
            <li><a href="">小爱开放平台</a>|</li>
           
            <li><a href="">企业团购</a>|</li>
           
            <li><a href="">资质证照</a>|</li>
        
            <li><a href="">协议规则</a>|</li>
           
            <li><a href="">下载app</a>|</li>
           
            <li><a href="">智能生活</a>|</li>
          
            <li><a href="">Select station</a></li>
    </div>
    <div class="daohangyou">
        <ul>
            <li><a href="">注册</a></li>
            <li><a href="">登录</a>|</li>
            <li><a href="">消息通知</a></li>
    </div>
    <!------                          logo+菜单                         ----->
    <div class="caidan">
              <div><img src="mI-IMAGES/小米logo.jpg" alt=""></div>

            <div class="youcaidan">   
                      <ul>\
                            <li><a href=""><input type="text" name="" id="" style="height: 48px;width: 240px;"></a></li>
                            <li><a href="">社区</a></li>
                            <li><a href="">服务</a></li>
                            <li><a href="">智能硬件</a></li>
                            <li><a href="">路由器</a></li>
                            <li> <a href="">家电</a></li>     
                            <li><a href="">平板</a></li>
                            <li><a href="">笔记本</a></li>
                            <li><a href="">电视</a></li>
                            <li><a href="">Redmi红米</a></li>
                            <li><a href="">xiaomi手机</a></li>
                      </ul> 
            </div>
<!---------------                       主体+热门商品               ----------------->
<div class="xiazai">

                 
                        <div class="taici">
                           <div class="zuocexuanxiang">
                               <ul>
                                <li><a href="">手机         ></a></li>
                                <li><a href="">电视         ></a></li>
                                <li><a href="">笔记本 平板  ></a></li>
                                <li><a href="">家电         ></a></li>
                                <li><a href="">出行         ></a></li>
                                <li><a href="">智能 路由器  ></a></li>
                                <li><a href="">电源 配件    ></a></li>
                                <li><a href="">健康 儿童    ></a></li>
                                <li><a href="">耳机 音箱    ></a></li>
                                <li><a href="">生活 箱包    ></a></li>
                               </ul>
                           </div>




                           <div class="lunbotu">
                               <img src="./mI-IMAGES/小米门锁.webp" alt="">
                       
                        </div>
                         

</div>
<!-------------------                下面四个                          -------------------->
<div class="bot4">

<div class="b1">

</div>
<div class="b2">
<img src="./mI-IMAGES/Mixfold.jpg" alt="">
</div>
<div class="b3">
<img src="./mI-IMAGES/小米降噪耳机 pro.png" alt="">
</div>
<div class="b4">
<img src="./mI-IMAGES/小米11ultra.jpg" alt="">
</div>



</div>
<!----------                          尾部                     ----------->
<div class="bot">

    <div class="dizuo">
                   
        <ul>
            
            <li><a href="">帮助中心</a>|</li>
            <li><a href="">关于我们</a>|</li>
            <li><a href="">新浪微博</a>|</li>
            
            
    
        </ul>
        <div class="haoma"><ul><li ><p>copylight @mi.com 京ICP备xxxxxxxxxxxxxxx号|京公网安备11232121321313号|客服电话</p></li></ul></div>
    </div>
    <div class="diyou">
        <p>客服电话</p>
        <h2>400-100-3399</h2>
        <p>周一至周日9：00-19：00（仅收市话费）</p>
    </div>





</div>
</body>
</html>